<template>
	<view class="page">
		<view class="pageBg">
			<image src="https://bjsx.gzwhir.com/admin-api/infra/file/18/get/memberbg2.jpg" mode="aspectFill"></image>
		</view>
		<view class="flex0">
			<u-navbar :fixed='false' bgColor="transparent" @leftClick="navBack"  title="基本信息">
				<view slot="center" class="navTitle">
					基本信息 
				</view>
			</u-navbar>
		</view>
		<view class="flex1">
			<scroll-view scroll-y="true" class="scrollView pt30">
				<view class="pd30">
					<view class="whiteForm">
						<view class="line">
							<view class="ll">
								姓名
							</view>
							<view class="lr">
								{{info.name}}
							</view>
						</view>
						<view class="line">
							<view class="ll">
								性别
							</view>
							<view class="lr">
								{{info.sex}}
							</view>
						</view>
						<view class="line">
							<view class="ll">
								出生日期
							</view>
							<view class="lr">
								{{info.borth|dateFormate('YYYY-MM-DD')}}
							</view>
						</view>
						<view class="line">
							<view class="ll">
								学校
							</view>
							<view class="lr">
								{{info.school}}
							</view>
						</view>
						<view class="line">
							<view class="ll">
								班级
							</view>
							<view class="lr">
								{{info.grade}}{{info.class}}
							</view>
						</view>
						<view class="line">
							<view class="ll">
								入学日期
							</view>
							<view class="lr">
								{{info.enrollmentDate|dateFormate('YYYY-MM-DD')}}
							</view>
						</view>
						<view class="line">
							<view class="ll">
								学制
							</view>
							<view class="lr">
								{{info.educationalSystem}}
							</view>
						</view>
						<view class="line">
							<view class="ll">
								学籍变动情况
							</view>
							<view class="lr">
								{{info.isStudentStatusChange?'':'无变动'}}
							</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
		<view class="flex0 fbtns">
			<view class="pd30">
				<navigator :url="'/subpage/patriarch/archives/archives?id='+info.id" open-type="navigate" class="btn">
					查看学生心理健康档案
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				itemid:'',
				info:''
			}
		},
		onShow:function(){
			var pages = getCurrentPages();
			var page = pages[pages.length - 1];
			if(page.options['id']){
				this.$data.itemid = page.options['id'];
				this.getInfo();
			}
		},
		methods: {
			getInfo(){
				var that=this;
				var res={
					id:101,
					avantar:'../../../static/upload/parent.png',
					name:'刘大美',
					sex:'女',
					borth:'2010-09-11',
					school:'北京市海淀一中',
					grade:'七年级',
					class:"一班",
					enrollmentDate:'2024-09-11',
					educationalSystem:'初中三年制',
					isStudentStatusChange:false
				};
				that.info=res;
			}
		},
		watch:{
			
		},
		mounted(){
			
		}
	}
</script>

<style lang="scss" scoped>
	.whiteForm{
		padding: 0 40rpx;
		background: #fff;
		border-radius: 30rpx;
		margin-bottom: 20rpx;
		&:last-child{
			margin-bottom: 0;
		}
		.textarea{
			border: none;
			background: #fff;
			font-size: 28rpx;
			color: #65554d;
			outline: none;
			line-height: 1.5;
			padding: 40rpx 0;
		}
		.line{
			flex: 0 0 auto;
			display: flex;
			align-items: center;
			height: 100rpx;
			justify-content: space-between;
			border-bottom: 1rpx solid #f7f5f2;
			font-size: 28rpx;
			&.s2{
				height: 140rpx;
			}
			&:last-child{
				border: none;
			}
			.ll{
				flex: 1 1 auto;
				overflow: hidden;
				padding-right: 30rpx;
				color: #897f7a;
				.avan{
					width: 90rpx;
					height: 90rpx;
					border: 5rpx solid #ffe3c2;
					box-sizing: border-box;
					background: #fff;
					overflow: hidden;
					border-radius: 50%;
					image{
						display: block;
						width: 100%;
						height: 100%;
					}
				}
			}
			.lr{
				flex: 0 0 auto;
				display: flex;
				align-items: center;
				color: #af9c91;
				.fs{
					display: flex;
					align-items: center;
				}
				input{
					display: block;
					outline: none;
					border: none;
					background: transparent;
					width: 100%;
					text-align: right;
					font-size: 28rpx;
					color: #65554d;
				}
				.ico{
					flex: 0 0 auto;
					margin-left: 10rpx;
					image{
						display: block;
						width: 12rpx;
						height: 24rpx;
					}
				}
				.cur{
					flex: 0 0 auto;
				}
			}
		}
	}
</style>
